<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html lang="zh">

<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<head>
 <base href="<%=basePath%>">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta name="format-detection" content="telephone=no">
  <meta name="format-detection" content="email=no">
  <title>退货详情</title>
  <link href="http://cdn.bootcss.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet">
<link href="static/css/style.css" rel="stylesheet"></head>

<body>
  <div class="content content-refund">
    <div class="wrapper">
      <!-- 订单 -->
      <div class="order-info bgwh ui-1px-t ui-1px-b pt20 pb20 f0">
        <dl class="g6 ml20 mr20 ui-1px-b f26 pb20">
          <input type="hidden" id="code" value="${asn.code }">
          <input type="hidden" id="petName" value="${user.petName }">
          <dt>服务单号: ${asn.code }</dt>
          <dd class="mt10">申请时间：${asn.createTime }</dd>
        </dl>
        <dl class=" ml20 mr20 pt20">
          <dt class="g3 f26">退款金额：¥${asr.returnPrice }</dt>
          <dd class="g9 cell f0">
            <div class="cell__bd f24"> 退款金额将退还至原支付卡，请注意查收。</div>
            <div class="cell__fd tr">
              <div class="dib vm f0 on-show"><span class="dib vm f24 g9">退款说明</span>
                <i class="dib vm ion-ios-help-outline f40 ml10 lh0"></i>
              </div>
            </div>
          </dd>
        </dl>
      </div>
      <!-- 活动规则 -->
      <div class="refund-rules on-show-target dn">
        <ul class="g6">
          <li class="item f22">当商品确认收货后，不予以退货服务；</li>
          <li class="item f22">当商品未发货时进行退货，将退还商品金额；</li>
          <li class="item f22">当商品发货后进行退货，将退还商品金额的90%；</li>
        </ul>
      </div>
      <!-- 订单商品 -->
      <p class="pt20"></p>
      <div class="order-goods mt20 bgwh ui-1px-t ui-1px-b">
        <div class="cell refund-money bgwh">
          <div class="cell__bd f28 pl20">需退货的商品：共${asgCnt }款</div>
        </div>
        <ul class="list ui-1px-t">
          <c:forEach items="${asgList}" var="asg">
            <li class="item ell icon-ui-dots">
              <span class="dib vm f26 g6">${asg.title }</span>
            </li>
          </c:forEach>  
            
        </ul>
      </div>
      <!-- 退货进度 -->
      <p class="pt20"></p>
      <div class="return-schedule mt20 ui-1px-t ui-1px-b pt20 pb20 bgwh">
        <p class="ml20 mr20 ui-1px-b f28 pb20">退款进度</p>
        <div class="schedule-queue pt20">
          <div class="schedule-queue-item <c:if test="${asn.state <= '02'}">active past</c:if>">
            <span class="schedule-tips f0"><em class="f20 n dib vm">已申请</em><em class="dib_vm"></em></span>
            <div class="icon-ui-schedule ion-ios-checkmark-outline"></div>
            <p class="f24 schedule-text">提交申请</p>
          </div>
          <div class="schedule-queue-item <c:if test="${asn.state <= '02'}">active <c:if test="${asn.state != '00'}">past</c:if></c:if>">
            <span class="schedule-tips f0"><em class="f20 n dib vm">审核中</em><em class="dib_vm"></em></span>
            <div class="icon-ui-schedule ion-ios-checkmark-outline"></div>
            <p class="f24 schedule-text">客服审核</p>
          </div>
          <div class="schedule-queue-item <c:if test="${asn.state >= '01' and asn.state <= '02'}">active <c:if test="${asn.state != '01'}">past</c:if></c:if>">
            <span class="schedule-tips f0"><em class="f20 n dib vm">处理中</em><em class="dib_vm"></em></span>
            <div class="icon-ui-schedule ion-ios-checkmark-outline"></div>
            <p class="f24 schedule-text">退款中</p>
          </div>
          <div class="schedule-queue-item <c:if test="${asn.state == '02'}">active <c:if test="${asn.state != '02'}">past</c:if></c:if>">
            <span class="schedule-tips f0"><em class="f20 n dib vm">已完成</em><em class="dib_vm"></em></span>
            <div class="icon-ui-schedule ion-ios-checkmark-outline"></div>
            <p class="f24 schedule-text">完成</p>
          </div>
        </div>
      </div>

 <!-- 审核留言 -->
      <p class="pt20"></p>

      <div class="mt20 bgwh problem-depict">
        <div class="cell ui-1px-t ui-1px-b pt20 pb20" id="question_container">
          <div class="cell__bd f32 pl20">问题反馈</div>
          <c:if test="${asn.state == '00' }">
          <div class="cell__fd">
            <a class="dib g6 f26 btn tc" href="wap/order/refund/question/page?code=${asn.code}">补充描述</a>
          </div>
          </c:if>
        </div>

      </div>


    </div>
  </div>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="static/js/lib/vendor.js"></script><script type="text/javascript" src="static/js/lib/app.js"></script>
<script type="text/javascript" src="static/js/wap/main-refund-detail.js"></script>
</body>

</html>

